<?php
$now_title = "案例展示";
require_once ('head.php');
?>
   

           


    <div class="container " style="overflow: hidden;">
        <div style="border-bottom: 3px solid #3487E6; margin-top: 3%; padding-bottom: 2%; color: #262626">

            <span class="">

                <a href="/">网站首页</a>
                &gt;
                <a href="product.php">案例展示</a>


             </span>
        </div>

    </div>

<style type="text/css">
    
ul.mobile .imgbox{float:left;**height:400px;padding-top:30px;color:#6C6E85;transition:all 1s ease 0s;background: #fff; border-radius: 10px; width: 100%}
ul.mobile .imgbox:hover{   
    -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,1.00);
    box-shadow: 0px 0px 5px 5px rgba(0,0,0,.1);
    margin-top: -10px;
}
ul.mobile .imgbox img{height:240px;display:block; margin:0 auto; }
ul.mobile .imgbox dd{font-size:18px;width:100%;line-height:50px;text-align:center; color:#2d2c2c; font-weight: bold;}
ul.mobile .imgbox p{font-size:1.2rem; color: #616161; text-align:center;width:100%; line-height:24px;margin-top:1px; margin-bottom: 10px;}

ul.mobile .imgbox a:hover{}
ul.mobile .imgbox a{ padding:5px 10px; border-radius: 20px; color: #fff; background: #3487E6; margin-top: 2rem}
</style>



        <div class="container  hidden-xs-down">

                <style>
                    .gn{
                        float: left;
                        width: 19%;
                        margin-left: 0.5%;
                        margin-right: 0.5%;
                        margin-bottom: 2%;
                        margin-top: 2%;
                        overflow: hidden;
                    }
                    .gn img{
                        width: 95%;
                        padding: 2.5%;
                        cursor: pointer;
                        transition: 0.6s;
                    }
                    .gn img:hover{
                        transform: scale(1.1);
                    }
                    .gn p{
                        margin-top: 2%;
                        text-align: center;
                        font-size: 1.5rem;
                        line-height: 2;
                    }
                </style>
            <div class="w100" style="text-align: center;margin-top: 3%; margin-bottom: 3%;overflow: hidden; font-weight: 500;font-size: 3.5rem ">
                案例展示
            </div>
                <div class="row">



                    <?php
                    $sql = "SELECT * FROM `#@__infoimg` WHERE classid=14  AND delstate='' AND checkinfo=true ORDER BY orderid ASC";
                    $dopage->GetPage($sql,25);
                    while($row = $dosql->GetArray())
                    {
                        
                        ?>

                        <div class="gn">
                            <a href="<?php echo $row['linkurl'] ?>">
                                <img src="<?php echo $row['picurl']; ?>">
                                <p><?php echo $row['title'] ?></p>
                            </a>
                        </div>
                    <?php }?>



                <style type="text/css">a{text-decoration:none}
                    .pager-wrap {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    }
                    .pager-wrap .page-item {
                        border: solid 1px #BABFC2;
                        border-radius: 5px;
                        height: 40px;
                        line-height: 38px;
                        min-width: 40px;
                        text-align: center;
                        margin-right: 5px;
                        background: #fff;
                        padding: 0 15px;
                    }
                    .pager-wrap .page-item:hover {
                        color: #0159A3;
                        border-color: #0159A3;
                    }
                    .pager-wrap .page-item.active {
                        color: #fff;
                        background: #0159A3;
                        border-color: #0159A3;
                        cursor: default;
                    }
                    .pager-wrap .page-item.disabled {
                        cursor: not-allowed;
                        color: #d8d8d8;
                        border-color: #d8d8d8;
                    }</style>
            </div>
            </div>


<div class="container hidden-imax">
    <style>
        .mrow{
            padding: 2% ;
        }
        .mgn{
            float: left;
            width: 48%;
            margin-left: 1%;
            margin-right: 1%;
            margin-bottom: 2%;
            margin-top: 2%;
            overflow: hidden;
        }
        .mgn img{
            width: 100%;
            cursor: pointer;
            transition: 0.6s;
        }
        .mgn img:hover{
            transform: scale(1.1);
        }
        .mgn p{
            margin-top: 2%;
            text-align: center;
            font-size: 1.5rem;
            line-height: 2;
        }
    </style>
    <div class="w100" style="text-align: center;margin-top: 5%; margin-bottom: 3%;overflow: hidden; font-weight: 500;font-size: 2.5rem ">
        案例展示
    </div>
    <div class="mrow">



        <?php
        $sql = "SELECT * FROM `#@__infoimg` WHERE classid=14  AND delstate='' AND checkinfo=true ORDER BY orderid ASC";
        $dopage->GetPage($sql,25);
        while($row = $dosql->GetArray())
        {

            ?>

            <div class="mgn">
                <a href="<?php echo $row['linkurl'] ?>">
                    <img src="<?php echo $row['picurl']; ?>">
                    <p><?php echo $row['title'] ?></p>
                </a>
            </div>
        <?php }?>



        <style type="text/css">a{text-decoration:none}
            .pager-wrap {
                display: flex;
                justify-content: center;
                align-items: center;
            }
            .pager-wrap .page-item {
                border: solid 1px #BABFC2;
                border-radius: 5px;
                height: 40px;
                line-height: 38px;
                min-width: 40px;
                text-align: center;
                margin-right: 5px;
                background: #fff;
                padding: 0 15px;
            }
            .pager-wrap .page-item:hover {
                color: #0159A3;
                border-color: #0159A3;
            }
            .pager-wrap .page-item.active {
                color: #fff;
                background: #0159A3;
                border-color: #0159A3;
                cursor: default;
            }
            .pager-wrap .page-item.disabled {
                cursor: not-allowed;
                color: #d8d8d8;
                border-color: #d8d8d8;
            }</style>
    </div>
</div>


<?php require_once("footer.php");?>